<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	<!-- 嵌套  不建议使用交叉嵌套-->
	<!-- 镜面嵌套 块级元素嵌套块级元素或者是行内元素 -->
	<div>我是一个div
		<div>我是块级元素</div>
		<span>我是行内元素</span>
	</div>
	<!-- 交叉嵌套 不建议行内元素嵌套块级元素 -->
	<!-- <span>
		<div>我是一个块级元素
	</span>
    </div> -->
		<!-- 基础标签 标题标签 块级元素 h1-h6 -->
		<h1>一级标题</h1>
		<h2>二级标题</h2>
		<h3>三级标题</h3>
		<h4>四级标题</h4>
		<h5>五级标题</h5>
		<h6>六级标题</h6>
		<!-- hr 分割线 br强制换行 -->
		<hr>
		<span>我是行内</span><br>
		<span>我是行内</span>
		<!-- img 图片标签 src加载图片的地址 alt图片加载失败说明  -->
		<!-- 路径
			相对路径: ./代表当前目录 ../上一级目录
			绝对路径:盘符开头 C D
		-->
		<div>我是div</div>
		<div>我是div</div>
		<div id="three">我是div</div>
		<div>我是div</div>
		<div>我是div</div>
		<div>我是div</div>
		<div>我是div</div>
		<div>我是div</div>
		<div>我是div</div>
		<div>我是div</div>
		<div>我是div</div>
		<div>我是div</div>
		<div>我是div</div>
		<div>我是div</div>
		<div>我是div</div>
		<div>我是div</div>
		<div>我是div</div>
		<div>我是div</div>
		<div>我是div</div>
		<div>我是div</div>
		<!-- img 特有得属性 src alt width height -->
		<img  width="100px" height="100px" src="../音视频/2.jpg" alt="图片加载失败">
		<!-- 单元素:img hr br meta -->
		<!-- a标签:页面和页面之间跳转使用a标签 href属性指向页面链接地址 -->
		<a href="http://www.baidu.com">百度一下</a>
		<!-- 跨文档跳转 -->
		<a href="./3-行内元素.html">跳转到3文档</a>
		<!-- 锚点 href="#"回到顶部-->
		<a href="#">回到顶部</a>
		<!-- 指定要跳转得锚点 
			1.指定跳转得标签设置id
			2.给a标签href属性设置#id
		-->
		<a href="#three">回到第三个div</a>
		<p>段落标签</p>
		<!-- h5新增标签 -->
		<!-- video视频标签 
			controls控制条 autoplay自动播放 loop循环播放 
			width 宽
			height  高
			muted静音播放
			poster封面
		-->
		<video poster="../音视频/2.jpg" width="300px" height="300px" controls  muted loop src="../音视频/1.mp4"></video>
		<!-- audio音频标签 poster width height-->
		<audio autoplay loop muted controls src="../音视频/1.mp3"></audio>
		<!-- 都是h5新增标签 都是块级元素 优化seo搜索引擎 关键字-->
		<header>头部</header>
		<!-- <div class="header"></div> -->
		<footer>底部</footer>
		<article>体部</article>
		<nav>导航</nav>
		<address>地址</address>
</body>
</html>